.joystick {
  $shadow-radius: 8px;
  $size: 120px;
  margin: $shadow-radius;
  width: $size;
  height: $size;
  background: #ffffff76;
  border-radius: 50%;
  box-shadow: 0 0 0 $shadow-radius #ffffff49;
  box-sizing: border-box;
  // overflow: hidden;
  touch-action: none;
}

.joystick__pointer {
  cursor: pointer;
}
